<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>官方QQ群</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<script src="../js/jquery.min.js"></script>

		<style type="text/css">
			*{
				margin: 0rem;
				padding: 0rem;
				text-decoration: none;
				list-style: none;
				
			}
			html,body{
				background-color: #fff;
				width: 100%;
				height: 100%;
				 /*font-size:  100rem;*/
				 font-size: calc(100vw / 7.5);
				 font-family: "microsoft yahei";
			}
			
			
			/*内容*/
			.content{
				box-sizing: border-box;
				padding-left: 0.32rem;
				width: 100%;
			}
			.content .title{
				display: flex;
				width: 100%;
				height: 1.15rem;
				font-size: 0.3rem;
				color: #333;
				
			}
			.content .title li{
				flex: 1;
				height: 1.15rem;
				line-height: 1.15rem;
			}
			.content .title .info{
				font-size: 0.24rem;
				color: #9a9a9a;
				text-align: right;
			}
			.content .info-box{
				width: 100%;
				padding-right: 0.32rem;
				margin-bottom: 0.3rem;
				border-bottom: 1px solid #e0f0f0;
			}
			.content .code{
				width: 100%;
				height: 3.2rem;
			}
			.content .code img{
				width: 3.2rem;
				height: 3.2rem;
				margin-left: 1.83rem;
				margin-top: 0.2rem;
			}
			.content .foot{
				font-size: 0.3rem;
				color: #9a9a9a;
				height: 1.09rem;
				line-height: 1.09rem;
				text-align: center;
				margin: 0.2rem 0rem;
			}
			h1 img{
				width: 100% !important;

			}
		</style>
	</head>

	<body>
		<script>
			$(function(){
				$("#wrapper").load("../header.html")
				
			})
			setTimeout(function(){
				$("#wrapper").find(".con").html("官方QQ群").end().find(".dot img").css("display","none");
				$(".arrow").on("tap",function(){
				window.location.href = "./index.html";
			})
			},200)
			setTimeout(function(){
				$("#wrapper").find(".con").html("官方QQ群").end().find(".dot img").css("display","none");
				$(".arrow").on("tap",function(){
				window.location.href = "./index.html";
			})
			},2000)
		</script>
		
		<div class="wrapper" id="wrapper"></div>
			
		<div class= "content">
			<!-- <div class="info-box">
				<ul class="title">
					<li>官方QQ群1</li>
					<li class="info">123456252525</li>
				</ul>
				<div class="code">
					<img src="../img/anquan.png" alt="">
				</div>
				<div class="foot">扫二维码，进官方QQ群</div>
			</div>
			<div class="info-box">
				<ul class="title">
					<li>官方QQ群1</li>
					<li class="info">123456252525</li>
				</ul>
				<div class="code">
					<img src="../img/anquan.png" alt="">
				</div>
				<div class="foot">扫二维码，进官方QQ群</div>
			</div> -->
		</div>
		<script src="../js/mui.min.js"></script>
		
	</body>
	<script>
			$.ajax({
				type: "POST",
				url: `${localStorage.top}api/UserCenter/call_center`,
				data:{
					"TOKEN": `${localStorage.token}`
				},
				success: successed,
			})
			function successed(data){
				console.log(data)
				var data = data.data;
				$(".content").html(data.content)

			}
		
	</script>
</html>